.banner{}
.banner image{display: block; width: 100%;}
.popup{display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);z-index: 10;}
.popup .popcontent{width: 450rpx; padding: 25rpx; border: 1px solid #eee; background-color: #fff;}
.popup .popcontent .poptext{font-size: 28rpx; line-height: 1.8; margin-bottom: 25rpx;}
.popup .popcontent .btns{display: flex; justify-content: space-between;}
.popup .popcontent .btns .btn{width: 48%;}

.container{ background: #fff url('https://www.baixuemianshi.com/zhuanti/23sydw_xbn_zwpp/images/logo.png'); background-repeat: repeat;}
.userlist{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mgb300{ padding-bottom: 350rpx;}
.userlist .item{position: relative; margin: 15rpx 0; width: 48%; border-radius: 15rpx; overflow: hidden; background-color: #fff; box-shadow: 0 0 15rpx rgba(0,0,0,.2);}
.bg_container{width: 700rpx; padding: 0 25rpx; min-height: 100vh; background-color: #f5f5f5; background: #fff url('https://www.baixuemianshi.com/zhuanti/23sydw_xbn_zwpp/images/logo.png'); background-repeat: repeat;}

.userlist .item h3{ padding: 25rpx;background-color: #fff; font-size: 30rpx; font-weight: bold; z-index: 10;}
.imgBg{width: 100%; height: 400rpx; background-size: cover; background-position: center;}
.imgBg image{display: block; width: 100%;}

.userimgs{position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; min-height: 100vh; padding: 25rpx 0;}
.userimgs .item{width: 48%; position: relative;break-inside: avoid; padding: 15rpx; border-radius: 15rpx; overflow: hidden; background-color: #fff;}
.userimgs .item image{display: block; width: calc(100% - 32rpx); padding: 15rpx; background-color: #fff; border: 1px solid #eee; border-radius: 15rpx;  box-shadow: 0 0 15rpx rgba(0,0,0,.2);}


.imgBox{position: relative; background-color: #000; overflow: hidden; min-height: 100vh;  background: #fff url('https://www.baixuemianshi.com/zhuanti/23sydw_xbn_zwpp/images/logo.png'); background-repeat: repeat;}
.imgBox image{display: block; width: 100%; margin: 0 auto;}

.bulletBox{ position: fixed; height: 100%; width: 100%; top: 30rpx; left: 0; opacity: 1; pointer-events: none;}
.bulletBox .bullet-item{position: absolute; animation: rightToLeft 7s linear both;transform: translateX(100vw)}
.bulletBox .bullet-item[data-line="1"]{top: 0;}
.bulletBox .bullet-item[data-line="2"]{top: 100rpx;}
.bulletBox .bullet-item[data-line="3"]{top: 200rpx;}
.bulletBox .bullet-item[data-line="4"]{top: 300rpx;}
.bulletBox .bullet-item[data-line="5"]{top: 400rpx;}
.bulletBox .bullet-item[data-line="6"]{top: 500rpx;}
.bulletBox .bullet-item[data-line="7"]{top: 600rpx;}
.bulletBox .bullet-item[data-line="8"]{top: 700rpx;}
.bulletBox .bullet-item[data-line="9"]{top: 800rpx;}
.bulletBox .bullet-item[data-line="10"]{top: 900rpx;}
.bulletBox .bullet-item .box{display: flex; align-items: center; background-color: rgba(255,255,255,.7); border: 1px solid #fff; border-radius: 100px; padding: 5rpx 15rpx;}
.bulletBox .bullet-item.red .box{border: 1px solid #f56c6c; box-shadow: inset 0 0 10rpx #f56c6c;}
.bulletBox .bullet-item .box .imgs{flex-shrink: 0; width: 70rpx; height: 70rpx; overflow: hidden; margin-right: 15rpx;}
.bulletBox .bullet-item .box .imgs image{display: block; width: 100%; border-radius: 50%; border: 1px solid #333; box-sizing: border-box;}
.bulletBox .bullet-item .box .msg{ color: #333; font-size: 26rpx;}
.bulletBox .bullet-item .box .nick{font-size: 24rpx; color: #3c9cff;}

@keyframes rightToLeft {
	0%{transform: translateX(100vw);}
	100%{transform: translateX(-100%);}
}

.inpBox{position: fixed; left: 0; bottom: 0; width: 100%; padding: 0 0 15px; background-color:#fff; border-top: 2px solid #f56c6c;}
.inpBox h3{font-size: 50rpx; font-weight: bold; color: #fff; position: absolute; top: 0; left: 0; width: 100%; text-align: center; transform: translateY(-100%); padding-bottom: 15rpx; text-align: center;}
.btn{margin-top: 20rpx;}

.textBox{position: relative; background-color: #fff; border-radius: 10rpx;}
.textBox + .textBox{margin-top: 15rpx;}

.addItem{height: 390rpx; margin: 15rpx 0; border-radius: 15rpx; display: flex; align-items: center; justify-content: center;}


.searchBox{background-color: #fff; padding: 15rpx 25rpx;}


.holidys{display: flex; justify-content: space-between;}
.holidys li{width: 31%; background-color: #fff; border-radius: 10rpx; padding: 20rpx 0	; text-align: center; background: url('https://www.baixuemianshi.com/zhuanti/images/qixi_bg.jpg') center no-repeat; background-size: cover;}
.holidys li h2{font-size: 30rpx; font-weight: bold; color: #494894;}
.holidys li:nth-child(2){background-image: url('https://www.baixuemianshi.com/zhuanti/images/zhongqiu_bg.jpg');}
.holidys li:nth-child(2) h2{color: #fdd552;}
.holidys li:nth-child(3){background-image: url('https://www.baixuemianshi.com/zhuanti/images/yuangong_bg.jpg');}
.holidys li:nth-child(3) h2{color: #ffffe7;}